<template>
  <div class="app-header normal-shadow">123</div>
</template>
<script setup lang="ts">
// ts写法
withDefaults(
  defineProps<{
    msg?: string // 是否必传
  }>(),
  {
    msg: '默认值'
  }
)
</script>

<style scoped lang="scss">
@keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}

.app-header {
  background-color: var(--color-background);
  animation: scale-in-hor-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  width: 100%;
  height: 100%;
}
</style>
